import{d as x,f as u,ah as n,aC as C,as as R,aF as o,k as a,G as l}from"./vue-vendor-DY2dGdX7.js";import{C as B}from"./index-COBx9ey4.js";import{P as b}from"./index-DZLRkS3-.js";import{a8 as j,R as c,M as k}from"./antd-vue-vendor-Bq8INj7c.js";import{a as y}from"./index-Z9T3uCTs.js";import"./useWindowSizeFn-BdjwG3vv.js";import"./vxe-table-vendor-CSv3W7Ns.js";import"./htmlmixed-L4LosHVV.js";/* empty css             */import"./useContentHeight-lOkTtvBM.js";import"./useContentViewHeight-Cgzb3CGF.js";import"./usePageContext-iS_CrSGk.js";import"./injectionKey-DPVn4AgL.js";const f='{"name":"BeJson","url":"http://www.xxx.com","page":88,"isNonProfit":true,"address":{"street":"科技园路.","city":"江苏苏州","country":"中国"},"links":[{"name":"Google","url":"http://www.xxx.com"},{"name":"Baidu","url":"http://www.xxx.com"},{"name":"SoSo","url":"http://www.xxx.com"}]}',D=`
      (() => {
        var htmlRoot = document.getElementById('htmlRoot');
        var theme = window.localStorage.getItem('__APP__DARK__MODE__');
        if (htmlRoot && theme) {
          htmlRoot.setAttribute('data-theme', theme);
          theme = htmlRoot = null;
        }
      })();
  `,P=`
     <!DOCTYPE html>
<html lang="en" id="htmlRoot">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0"
    />
    <title><%= title %></title>
    <link rel="icon" href="/favicon.ico" />
  </head>
  <body>
    <div id="app">
    </div>
  </body>
</html>
  `,E=x({components:{CodeEditor:B,PageWrapper:b,RadioButton:c.Button,RadioGroup:c.Group,ASpace:j},setup(){const e=u("application/json"),t=u(f);function d(p){const i=p.target.value;if(i==="application/json"){t.value=f;return}if(i==="htmlmixed"){t.value=P;return}if(i==="javascript"){t.value=D;return}}function s(){k.info({title:"编辑器当前值",content:t.value})}return{value:t,modeValue:e,handleModeChange:d,showData:s}}});function G(e,t,d,s,p,i){const h=n("a-button"),r=n("RadioButton"),v=n("RadioGroup"),w=n("a-space"),g=n("CodeEditor"),_=n("PageWrapper");return R(),C(_,{title:"代码编辑器组件示例",contentFullHeight:"",fixedHeight:"",contentBackground:""},{extra:o(()=>[a(w,{size:"middle"},{default:o(()=>[a(h,{onClick:e.showData,type:"primary"},{default:o(()=>[...t[2]||(t[2]=[l("获取数据",-1)])]),_:1},8,["onClick"]),a(v,{"button-style":"solid",value:e.modeValue,"onUpdate:value":t[0]||(t[0]=m=>e.modeValue=m),onChange:e.handleModeChange},{default:o(()=>[a(r,{value:"application/json"},{default:o(()=>[...t[3]||(t[3]=[l(" json数据 ",-1)])]),_:1}),a(r,{value:"htmlmixed"},{default:o(()=>[...t[4]||(t[4]=[l(" html代码 ",-1)])]),_:1}),a(r,{value:"javascript"},{default:o(()=>[...t[5]||(t[5]=[l(" javascript代码 ",-1)])]),_:1})]),_:1},8,["value","onChange"])]),_:1})]),default:o(()=>[a(g,{value:e.value,"onUpdate:value":t[1]||(t[1]=m=>e.value=m),mode:e.modeValue},null,8,["value","mode"])]),_:1})}const q=y(E,[["render",G]]);export{q as default};
